<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/picnet.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
  <link rel="StyleSheet" href="css/jquery-ui-1.8.6.custom.css" type="text/css">
<script type="text/javascript" src="js/javascript.js"></script>
  <link rel="StyleSheet" href="css/style.css" type="text/css">
<title>he thong dat phong</title>
</head>
<body>
<div id="all">
  <div id="wrapper">
  	<div id="top">
  	 	<tiles:insertTemplate template="/newheader1.jsp"></tiles:insertTemplate>   
  	</div><!-- end #top -->
  	<div id="x_content">
  		<div class="vach_ngan">			
		</div><!-- end .vach_ngan -->
		<div id="x_content_b">
  		<div id="x_content_t">
  			<div class="x_content_t_1"></div>
  			<div class="x_content_t_2"></div>
  			<div class="clear"></div>
  		</div><!-- #x_content_t -->
  		<div id="s_content">
			<div id="x_content_left">
				<tiles:insertTemplate template="/admin_left.jsp"></tiles:insertTemplate> 
			</div><!-- end #x_content_left -->
			<div id="x_content_right">
		<!-- 	<form name="form_yoyaku" action="orderx.action" id="form_yoyaku" method="post">  -->
				<div class="x_content_right_title">
					<div class="x_content_right_title_t"><span>固定時間に予約</span></div>
					<div class="x_content_right_title_c"></div>
					<div class="clear"></div>
				</div><!-- end .x_content_right_title -->
				<div class="x_content_right_main">
					
						<table width="100%">
							<tbody>
								<tr>
									<td class="label_"><span>検索：</span></td>
										<td class="tang_">
										<label  for="dankai">階段</label>
										<select class="kaidan" name="kaidan">
											<option value="0" selected="selected">選ぶ</option>
											<option value="1">１　階</option>
											<option value="2">２　階</option>
											<option value="3">3　階</option>
										</select>
									</td>									
										<td class="phong_">
										<label  for="phongx">番号</label>
										<select class="phong" name="phong">
											<option value="0" selected="selected">選ぶ</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											
										</select>										
									</td>
								<td class="loai_">
										<label for="syu">室種類</label>
										<select class="room_category" name="room_category">
											<option value="0" selected="selected">選ぶ</option>
											<option value="A">A　会議室</option>
											<option value="B">B　会議室</option>
											<option value="C">C　会議室</option>
											<option value="D">D　会議室</option>
											<option value="H">H　会議ブース</option>
											<option value="I">I　会議ブース</option>
											<option value="J">J　会議ブース</option>
											
										</select>																	
									</td>									
									<td class="detai_bt_">
										<a href="#"><img src="image/detail.gif"></a>										
										<div id="detail_x">
											<div class="detail-main-left">
												<img alt="" src="image/anh_chi_tiet.gif">
											</div><!-- end .detail-main-left -->
											<div class="detail-main-right">
												<div class="detail-main-right-title">
													<div class="detail-main-right-title-1"><span>会議室情報</span></div>
												</div><!-- end .detail-main-right-title -->
												<div class="detail-main-right-content">
													<div class="detail-main-right-content-t">
														<img alt="" src="image/plus.gif">
														<p><span class="situ_detail"></span>室</p>
													</div>
													<div class="detail-main-right-content-m">
														<ul>
															<li>使用料： <span class="price_detail"></span> VND</li>
															<li>席数： <span class="seat">10</span></li>
															<li>特徴： <span class="decription_detail"></span></li>
															<li>キャンセル費<span class="cancel_detai">: 5000 VND</span> </li>
														</ul>
													</div>
												</div><!-- end .detail-main-right-content -->
											</div><!-- end .detail-main-right -->
											<div class="clear"></div>
										</div><!-- end .detail-main -->
									</td>
								</tr>
							</tbody>
						</table>
					</div><!-- end .x_content_right_main_search_t -->
			 		<div class="x_calendar">
						 <div class="calendar">
							
							
						</div><!-- end .calendar -->	
    			 	</div><!-- end .x_calendar -->
					<div class="vach_">	
						
					</div><!-- end .vach_ -->
					<div class="time_view_">
					<table>
						<tbody>
							<tr class="time_view_tr">
								<td>
									<img alt="" src="image/plus.gif">
								</td>
								<td class="label_t">
									<span >午前</span>
								</td>
								<td>
									<div class="bieu_dien_time">
										<div class="bieudien_mor">
										<table width="760px" cellspacing="0" cellpadding="0">
											<tbody>
												<tr class="bieudien_mor_tr_color">
													<td class="color_td b_time_line_1"></td>
													<td class="color_td b_time_line_2"></td>
													<td class="color_td b_time_line_3"></td>
													<td class="color_td b_time_line_4"></td>
													<td class=" color_td b_time_line_5"></td>
													<td class="color_td b_time_line_6"></td>
													<td class="b_time_line_7 color_td"></td>
													<td class="b_time_line_8 color_td"></td>
													<td class="b_time_line_9 color_td"></td>
													<td class="b_time_line_10 color_td"></td>
													<td class="b_time_line_11 color_td"></td>
													<td class="b_time_line_12 color_td"></td>
												</tr>
												<tr>
													<td class="time_line_1">06:00</td>
													<td class="time_line_2">06:30</td>
													<td class="time_line_3">07:00</td>
													<td class="time_line_4">07:30</td>
													<td class="time_line_5">08:00</td>
													<td class="time_line_6">08:30</td>
													<td class="time_line_7">09:00</td>
													<td class="time_line_8">09:30</td>
													<td class="time_line_9">10:00</td>
													<td class="time_line_10">10:30</td>
													<td class="time_line_11">11:00</td>
													<td class="time_line_12">11:30</td>
													</tr>
											</tbody>
										</table>
									</div><!-- end .bieudien_mor -->
									
								</div><!-- end .bieu_dien_time -->
							  </td>
							</tr>
							<tr class="time_view_tr">
								<td><img alt="" src="image/plus.gif"></td>
								<td class="label_t">
									<span >午後</span>
								</td>
								<td>
									<div class="bieudien_af">
									<table width="760px" cellspacing="0" cellpadding="0">
										<tbody>
											<tr class="bieudien_mor_tr_color">
												<td class="color_td b_time_line_13"></td>
												<td class="color_td b_time_line_14"></td>
												<td class="color_td b_time_line_15"></td>
												<td class="color_td b_time_line_16"></td>
												<td class=" color_td b_time_line_17"></td>
												<td class="color_td b_time_line_18"></td>
												<td class="b_time_line_19 color_td"></td>
												<td class="b_time_line_20 color_td"></td>
												<td class="b_time_line_21 color_td"></td>
												<td class="b_time_line_22 color_td"></td>
												<td class="b_time_line_23 color_td"></td>
												<td class="b_time_line_24 color_td"></td>
											</tr>
											<tr>
												<td class="time_line_13">12:00</td>
												<td class="time_line_14">12:30</td>
												<td class="time_line_15">13:00</td>
												<td class="time_line_16">13:30</td>
												<td class="time_line_17">14:00</td>
												<td class="time_line_18">14:30</td>
												<td class="time_line_19">15:00</td>
												<td class="time_line_20">15:30</td>
												<td class="time_line_21">16:00</td>
												<td class="time_line_22">16:30</td>
												<td class="time_line_23">17:00</td>
												<td class="time_line_24">17:30</td>
												</tr>
										</tbody>
									</table>
								</div><!-- end .bieudien_af -->
								</td>
							</tr>
						</tbody>
					</table>						
						<div class="input_time">
						<table>
							<tbody>
								<tr>
									<td class="input_time_td">
										<span>開始時間</span>
										<input type="text" name="input_time_box_start" class="input_time_box_start">
									</td>
									<td class="input_time_td">
										<span>終了時間</span>
										<input type="text" name="input_time_box_end" class="input_time_box_end">
									</td>
								</tr>
							</tbody>
						</table>
					<input type="hidden" class="tmp_hiden" value="">
					</div><!-- end .input_time -->
					<div class="submit_">				
						<input type="image" name="submit_yoyaku" class="submit_yoyaku _yoyaku" src="image/yoyaku_nhat.gif">
						<input type="image" name="cancel" class="cancel_yoyaku _yoyaku" src="image/cancel_bt.gif">
					</div><!-- end .submit_ -->
				</div><!-- end .time_view_ -->			
		<!-- 	</form>  -->			
				</div><!-- end .x_content_right_main -->
			</div><!-- end #x_content_right -->
			<div class="clear"></div>
		</div><!-- #s_content -->
		</div><!-- end  #x_content_b-->
	</div><!-- end #x_content -->
  	<div id="footer">
 	 	<tiles:insertTemplate template="/footer.jsp"></tiles:insertTemplate> 
  	</div><!-- end s#footer  -->
  </div><!-- end .#wrapper -->
  </div><!-- end #all -->
</body>
</html>